<div id="m_item">
    	<div class="m_column">
        <h3 class="m_title">Top <span>Box Office</span></h3>
       	<div class="page_boxTop">
			<a class="pt_btnP" href="#">Prev</a>
			<a class="pt_btnN" href="#">Next</a>
		</div>
        </div>
        <div class="m_cont box_office" id="trailer_div">
	        <#if moviefoneTrailler??>
	    	<#assign items = moviefoneTrailler.items>
	    	<#assign sortIndex = 0>
	    	<#list items as item>
	    		<#assign sortIndex = sortIndex + 1>
				<#assign description = item.description>
	    		<#assign genre = item.genre>
	    		<#assign url = contextPath + "/movie/popular/" + item.id>
	    		<#assign playUrl = contextPath + "/movie/popular/watch-" + item.id>
	    		<div class="m_box2_3 mi_box" >
	        		<div class="img">
	        			<a href="${url}"><img style="width: 125px; height: 170px;" src="${item.thumbnail!''}" border="0" /></a>
			        	<div class="tc_btn" style="width: 125px; height: 170px;display:none">
			                <a href="${playUrl}" class="pbox"><span class="btn_play4 pbox_m3">Play</span></a>
			                <div class="tc_m">
			                <span class="vbox"><a href="${url}" class="btn_view4">View</a></span>
			                <span class="dbox"><a href="javascript:;" itemUrl="${item.itemUrl!''}" class="btn_down4 download_btn" website="${item.website}" itemTitle="${item.title!''}">Download</a></span>
			                </div>
			                <div class="i_zz"></div>
		                </div>
	        		</div>
		        	<ul>
			        	<li class="name"><a href="${url}"><@fromatTitle item.parentTitle!'' item.title!'' 20 40 /></a></li>
			        	<#if item.publishTime??>
			            <li class="c_time">Opens: ${item.publishTime?date}</li>
			            </#if>
		            </ul>
	            </div>
	    	</#list>
	    	</#if>
            <div class="clear"></div>
        </div>
    </div>   
    <!--Popular In Theater end-->
        
    <div id="m_item">
    	<div class="m_column">
        <h3 class="m_title"><a href="${contextPath}/movie/full-length/">Popular <span>Full Length Movies</span></a></h3>
        <a href="${contextPath}/movie/full-length/" class="btn">More</a>
        </div>
        <div class="m_cont"  id="movies_div">
        
        <#if huluPopItems??>
    	<#assign items = huluPopItems.items>
    	<#assign sortIndex = 0>
    	<#list items as item>
    		<#assign sortIndex = sortIndex + 1>
			<#assign description = item.description>
    		<#assign genre = item.genre>
    		<#assign url = contextPath + "/movie/popular/" + item.id>
    		<#assign playUrl = contextPath + "/movie/popular/watch-" + item.id>
    		<div class="m_box2_3 mi_box">
	        	<div class="img">
	        		<a href="${url}"><img style="width: 125px; height: 170px;" src="${item.thumbnail!''}" border="0"/></a>
	        		<div class="tc_btn" style="width: 125px; height: 170px;display:none">
			                <a href="${playUrl}" class="pbox"><span class="btn_play4 pbox_m3">Play</span></a>
			                <div class="tc_m">
			                <span class="vbox"><a href="${url}" class="btn_view4">View</a></span>
			                <span class="dbox"><a href="javascript:" itemUrl="${item.itemUrl!''}" class="btn_down4 download_btn" itemTitle="${item.title!''}">Download</a></span>
			                </div>
			                <div class="i_zz"></div>
		            </div>
	        	</div>
	        	<ul>
	        	<li class="name"><a href="${url}"><@fromatTitle item.parentTitle!'' item.title!'' 20 30 /></a></li>
	            <li class="m_time">Full Length: <@formatSeconds item.duration /></li>
	            </ul>
	            <div class="m_tips" style="display:none;">
			            	<span class="jt"></span>
			            	<strong>${item.title!''}</strong>
			            	<div class="time">Opens: ${item.publishTime?date}</div>
			            	<p><#if item.description?trim?length &lt; 180>${item.description} <a href="${url}">View &gt;</a>
			            		<#else>
			            			${description[0..180]}...<a href="${url}">View &gt;</a>
			            		</#if>
			            	</p>
			            	<div class="genre">
			            		<#if (item.genre)?split(",")?size &gt; 1 >
			            			Genres:
			            		<#else>
			            			Genre:
			            		</#if>
			            		<#list (item.genre)?split(",") as g>
			            			${item.genre}  
            					</#list>
            				</div>
			      </div>
            </div>
    	</#list>
    	</#if>
            
            <div class="clear"></div>
        </div>
    </div>